@import '@assets/style/base.scss';

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

.container {
  width: 100%;
  height: 100%;
  @include flex_layout(row, flex-start, flex-start);

  .left-nav-container {
    height: 100vh;
    max-width: 240px;
    background-color: $cor_1;

    .top-logo {
      height: 90px;
      padding: 0 20px;
      background-color: $cor_2;
      @include flex_layout(row, flex-start, center);
      .logo-img {
        width: 35px;
        margin-right: 20px;
      }
      
      .logo-title {
        font-size: 20px;
        color: $cor_0;
      }
    }

    .menu {
      height: calc(100% - 90px);
    }
  }

  .right-container {
    flex: 1;
    height: 100vh;
    background-color: $cor_3;
    overflow: auto;

    .container-right-content {
      width: calc(100% - 40px);
      min-height: calc(100% - 225px);
      margin: 20px;
      background-color: $cor_0;
    }
  }

}

.detail-container {
  
}